<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>登录界面</title>
		
		<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css" />
		<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
		<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.min.js" ></script>
		<style>
			.a{
				font-family: "微软雅黑";
				font-weight: bold;
			}
		</style>
	</head>
	<body>
		<div class="container-fluid a">
			<div class="row">
				<form action="主页.html" method="get" class="form-horizontal col-md-6 col-md-offset-3" >
					<h1>员工登录</h1>
					<hr />
					
					<!--手机号 -->
					<div class="form-group">
						<div class="input-group col-md-8 col-md-offset-2">
							<span class="input-group-addon">
								<span class="glyphicon glyphicon-phone"></span>
							</span>
							<input type="text" name="phonenumber" placeholder="输入手机号" class="form-control" />
						</div>
					</div>
					
					<!--密码 -->
					<div class="form-group">
						<div class="input-group col-md-8 col-md-offset-2">
							<span class="input-group-addon">
								<span class="glyphicon glyphicon-lock"></span>
							</span>
							<input type="password" name="password" placeholder="输入密码" class="form-control" />
						</div>
					</div>
					 <div class="form-group">
					 	<div class="input-group col-md-8 col-md-offset-2">
					 	 <img src="img/12.jpg" height="40px" width="100px" />
					 	</div>
					 	</div>
					 	<!--密码 -->
					<div class="form-group">
						<div class="input-group col-md-8 col-md-offset-2">
							<span class="input-group-addon">
								 验证码
							</span>
							<input type="password" name="password" placeholder="输入验证码" class="form-control" />
						</div>
					</div>
					
					
					
					<!--注册-->
					<div class="form-group">
						<div class="col-md-4 col-md-offset-7">
							<span>没有账号？</span><span><a href="注册.html">立即注册</a></span>
						</div>						
					</div>
					
					<!--登录按钮-->
					<div class="form-group">
						<div class="col-md-4 col-md-offset-6">
							<button class="btn btn-block btn-primary" type="submit">登录</button>
						</div>
					</div>
					
					
				</form>
				
			</div>
			
		</div>
	</body>
	
	<!--阻止提交-->
	<script>
		$("form").submit(function(){
			var phone = document.getElementsByName("phonenumber");
			var pwd = document.getElementsByName("password");
			if(phone[0].value==""||pwd[0].value==""){
				alert("手机号或者密码不能为空！");
				return false;
			}
				return true;
		})
	</script>
	
</html>
